@charset "utf-8";
@color:red;
.clearfixed{
    content:",";
    clear: both;
    display: block;
    height: 0;
    font-size: 0;
}
.center(@h;@c){
	line-height:@h;
	text-align:@c
}
.wh(@w;@h){
  width:@w;
  height:@h;
}
.whl(@w;@h;@col){
  width:@w;
  height:@h;
  color:@col;
}
.f(@value){
	float:@value;
}
*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
}
html{
	font-size:75px;
}
body { 
	color:#333; 
	 font: 0.32rem/1.5 PingFangSC-Light, helvetica, 'Heiti SC';
	box-sizing: border-box;
}
ul,ol,li{
	list-style: none;
}
 img {
 	border:none; 
 	vertical-align: middle;
 }
a { 
	color:#333; 
	text-decoration:none;
	cursor: pointer;
}
.focus{
	font-size: .48rem;
    color: #ab2b2b;
	border-left: 0.067rem solid #ab2b2b;
}
/* ---------------分类页面 */
.w_classifyBox{
	//margin-top:1.173rem;
	/* ---------------分类左边 */
	background-color: #FFFFFF;
	.w_classifyBox_left{
		.whl(2.15rem;16.61rem;#333);
		.f(left);
		font-size:.37333rem;
		text-align: center;
		border-right:2px solid #ececec;
		background-color: #FFFFFF;
	}
  	.w_classifyLeft_ul{
		display:flex;
		flex-direction:column;
		height:11.35rem;
		padding: 0.33rem 0;
		justify-content:space-between;
		a{
			display: block;
			width: 100%;
			height: 0.667rem
		}
  	}
}
/* ---------------分类右边 */
.w_classifyBox_right{
	.whl(7.85rem;16.63rem;#333);
	.f(right);
	background-color: #FFFFFF;
	.w_classifyBox_right_imgbox{
		position:relative;
		.wh(7.04rem;2.56rem);
		margin:0.4rem auto 0;
		img{
			width:100%;
			height:2.56rem
		}
		.w_list_tips{
			position:absolute;
			top:1.04rem;
			font-size:.37333rem;
			.whl(100%;0.53rem;#fff);
			.center(0.53rem;center);
			z-index:10;
		}
	}
	.w_cateList{
		.whl(7.05rem;10.1rem;#333ccft);
		margin:0 auto;
		.w_cateList_title{
			.center(1.44rem;center);
			line-height:1.44rem;
			position:relative;
			i:first-child{
				.wh(0.53rem,0.026rem);
				background:#ececec;
				display:block;
				position:absolute;
				left:1.869rem;
				top:0.72rem
			}
			i:last-child{
				.wh(0.53rem,0.026rem);
				background:#ececec;
				display:block;
				position:absolute;
				right:1.869rem;
				top:0.72rem
			}
		}
		.w_list_ul{
			.f(left);
			overflow:hidden;
			.wh(7.048rem;8.65rem);
			.w_list_li{
				.f(left);
				margin-right:0.4rem;
				.wh(1.92rem;2.88rem);
				.w_list_li_imgBox{
					.wh(1.92rem;1.92rem);
					img{
						width:100%;
					}
				}
				p{
					//.center(0.96rem;center);
					text-align:center;
					
				}
			}
		}
	}
}